import React,{useState,useEffect} from "react";
import { useNavigate } from "react-router-dom";
import { Form,Input,Button,message } from "antd";

export default function Login() {
    const [form] = Form.useForm();
    const navigate = useNavigate();
    
    const onFinish = (values) => {
        
    };
    
    return (
        <div className="login-container">
        <h2>登录</h2>
        <Form form={form} onFinish={onFinish} layout="vertical">
            <Form.Item name="username" label="Username" rules={[{ required: true, message: 'Please input your username!' }]}>
            <Input />
            </Form.Item>
            <Form.Item name="password" label="Password" rules={[{ required: true, message: 'Please input your password!' }]}>
            <Input.Password />
            </Form.Item>
            <Form.Item>
            <Button type="primary" htmlType="submit">Login</Button>
            </Form.Item>
        </Form>
        </div>
    );
}